import { NavBar } from 'antd-mobile'
import React from 'react'
import { Grid } from 'react-vant'
import { ShopO } from '@react-vant/icons'
import MySwiper from '../../Component/mySwiper'
import { useNavigate } from 'react-router-dom'

const Home = () => {
    // const city=localStorage.getItem(city) || []
    const nav=useNavigate()
    return (
        <div>

            <NavBar onBack={()=>nav("/city")} back='北京' backIcon={false}>首页</NavBar>
            <Grid>
                <Grid.Item icon={<ShopO />} text='跟团游' />
                <Grid.Item icon={<ShopO />} text='自由行' />
                <Grid.Item icon={<ShopO />} text='定制抱团' />
                <Grid.Item icon={<ShopO />} text='自驾游' />
                <Grid.Item icon={<ShopO />} text='景区门票' />
                <Grid.Item icon={<ShopO />} text='机票' />
                <Grid.Item icon={<ShopO />} text='火车票' />
                <Grid.Item icon={<ShopO />} text='汽车.船票' />
                <Grid.Item icon={<ShopO />} text='酒店' />
                <Grid.Item icon={<ShopO />} text='海外住宿' />
                <Grid.Item icon={<ShopO />} text='民宿.公寓' />
                <Grid.Item icon={<ShopO />} text='钟点房' />
            </Grid>

            <MySwiper />
        </div>
    )
}

export default Home
